﻿@{
    ViewBag.Title = "Pastor's Blog";
}

<div class="splash">
    <div class="container">
        <div class="headline">
            <h1>Pastor's Blog</h1>
        </div>
    </div>
</div><!--/.splash -->

<div class="content">

    <div class="blog container">
        <div class="row">
            <div class="span8">
                <div class="blog-list">
                    <div class="blog clearfix">
                        <a href="#" class="blog-thumb pull-left">
                            <img src="img/samples/blog-thumb-1.jpg" width="200">
                        </a>
                        <div class="blog-detail">
                            <div class="blog-header">
                                <h2 class="blog-title"><a href="/Home/BlogSingle">Awesome blog title</a></h2>
                                <div class="blog-meta">
                                    <span class="blog-date">
                                        <i class="icon-calendar"></i>
                                        January 13, 2013
                                    </span>

                                    <span class="blog-author">
                                        <i class="icon-user"></i>
                                        by <a href="#">Adam Barkley</a>
                                    </span>

                                    <span class="blog-category">
                                        <i class="icon-folder-close"></i>
                                        in <a href="#">Photography</a>
                                    </span>
                                </div>
                                <div class="blog-brief">
                                    Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis lorem eus semper.
                                </div>
                                <div class="blog-foot">
                                    <a href="blog-single.html" class="btn blog-comments">
                                        <i class="icon-comments"></i>
                                        3 comments
                                    </a>
                                    <a href="/Home/blog-single" class="btn blog-proceed">
                                        Continue reading
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div><!--/.blog -->
                </div>

            </div>
            <div class="span4">
                <div class="sidebar">
                    <div class="widget">
                        <h3 class="widget-title">About Us</h3>
                        <div class="widget-content clearfix">
                            Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis lorem eus semper.
                        </div>
                    </div>


                    <div class="widget">
                        <h3 class="widget-title">Categories</h3>
                        <div class="widget-content clearfix">
                            <ul class="list-categories list-widget unstyled">
                                <li>
                                    <i class="icon-folder-close"></i>
                                    <a href="#">Photography</a>
                                </li>
                                <li>
                                    <i class="icon-folder-close"></i>
                                    <a href="#">Automotive</a>
                                </li>
                                <li>
                                    <i class="icon-folder-close"></i>
                                    <a href="#">Science</a>
                                </li>
                                <li>
                                    <i class="icon-folder-close"></i>
                                    <a href="#">Geography</a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="widget">
                        <h3 class="widget-title">Recent comments</h3>
                        <div class="widget-content clearfix">
                            <ul class="list-comments list-widget unstyled">
                                <li>
                                    <a href="#" class="comment-avatar pull-left"><img src="img/samples/people-1.jpg" width="50" /></a>
                                    <div class="comment-block">
                                        <div class="comment-author">
                                            <a href="#" class="comment-author">Johann Doe</a> on <a href="#" class="comment-post">Awesome blog title</a>
                                        </div>
                                        <div class="comment-text">
                                            Aenean lacinia bibendum nulla sed consectetur.
                                        </div>
                                        <div class="muted">January 13, 2013 at 5.13 pm</div>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" class="comment-avatar pull-left"><img src="img/samples/people-1.jpg" width="50" /></a>
                                    <div class="comment-block">
                                        <div class="comment-author">
                                            <a href="#" class="comment-author">Johann Doe</a> on <a href="#" class="comment-post">Awesome blog title</a>
                                        </div>
                                        <div class="comment-text">
                                            Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi gravida at eget metus.
                                        </div>
                                        <div class="muted">January 13, 2013 at 5.13 pm</div>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" class="comment-avatar pull-left"><img src="img/samples/people-1.jpg" width="50" /></a>
                                    <div class="comment-block">
                                        <div class="comment-author">
                                            <a href="#" class="comment-author">Johann Doe</a> on <a href="#" class="comment-post">Awesome blog title</a>
                                        </div>
                                        <div class="comment-text">
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis lorem eus semper.
                                        </div>
                                        <div class="muted">January 13, 2013 at 5.13 pm</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div><!--/.sidebar -->
            </div>
        </div>
    </div><!--/. -->

</div><!--/.content -->